<template>
    <div>
        <div class="hesadf">
            <div>
                <h2><span class="hbnh"><a class="fan" @click="$router.go(-1)"></a></span> 资金明细 </h2>
            </div>
        </div>
        <div class="head">
            <div class="thj"><a class="xuan">资金明细</a><a class="">充值记录</a><a class="">证转银记录</a><span class="tiaokl"
                    style="left: 17%;"></span></div>
        </div>
        <div role="feed" class="van-list">
            <ul class="czjl"></ul>
            <div class="van-list__placeholder"></div>
        </div>
    </div>
</template>
<style scoped>
.hesadf {
    height: 1.1748rem;
    background: linear-gradient(-55deg, #ea3544, #ea6248);
}

h2 {
    text-align: center;
    height: 1.2549rem;
    width: 100%;
    position: relative;
    line-height: 1.2549rem;
    font-size: 0.4806rem;
    color: #fff;
    background: transparent;
    font-weight: 500;
    z-index: 3;
}

.hbnh {
    position: absolute;
    left: 0.4005rem;
    font-size: 0.4272rem;
    font-weight: 500;
}

.fan {
    width: 0.2403rem;
    height: 0.4272rem;
    background: url() no-repeat 50%;
    background-size: 100%;
    display: inline-block;
    margin-right: 0.1335rem;
    vertical-align: middle;
    margin-top: -0.0534rem;
}

.xind {
    position: absolute;
    right: 0.4005rem;
    color: #fff;
    font-size: 0.3738rem;
    font-weight: 500;
}

.shaux[data-v-7793a11f] {
    position: absolute;
    width: 0.4806rem;
    height: 0.4806rem;
    background: url() no-repeat 50%;
    background-size: 100%;
    right: 0.4005rem;
    top: 0.4005rem;
}

.head {
    height: 1.1214rem;
    background: #fff;
    border-bottom: 0.0267rem solid #e0e0e0;
}

.thj {
    width: 9.345rem;
    height: 1.1214rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.thj a {
    width: 33.3%;
    text-align: center;
    color: #666;
    line-height: 1.1214rem;
    font-size: 0.3471rem;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.xuan {
    width: 33.3%;
    text-align: center;
    color: #666;
    line-height: 1.1214rem;
    font-size: 0.3471rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #d73d3d;
}

.tiaokl {
    width: 0.534rem;
    height: 0.1068rem;
    background: #d73d3d;
    border-radius: 0.0534rem;
    position: absolute;
    bottom: 0.1335rem;
    left: 17%;
    margin-left: -0.267rem;
    -webkit-transition: all .5s;
    transition: all .5s;
}
</style>
